@charset "utf-8";
/* CSS Document */
li{list-style: none;}
body,ul,p{margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px;}
a{text-decoration: none; color: #999;}
a:hover{color: #006eaa;}

.container{width: 1200px; margin: 0 auto;}
.clear{clear: both;}
.fl_r{float:right; }

.header{display: flex;display: -webkit-flex; justify-content: space-between;width: 1200px; margin: 0 auto; padding-top: 20px;margin-bottom: 20px;}
.logo{width: 595px; height: 62px; background: url(../images/logo.png) no-repeat;}
.tel{width: 181px; height: 52px; background: url(../images/tel.png) no-repeat;}

.nav{background: #0079b1; }
.nav ul{display: flex;display: -webkit-flex;justify-content: center; width: 1200px;text-align: center;margin: 0 auto;}
.nav ul li{display: flex;display: -webkit-flex; justify-content: center; flex-basis: 20px; flex-grow: 1;height: 52px;align-items: center;}
.nav ul li a{display: block; color: #fff; width: 100%; font-size:16px;}
.nav ul li:hover{background: #153874;}

.banner{background: url(../images/banner.jpg) center no-repeat; width: 100%; height: 550px;}

.about{width: 1200px; margin: 0 auto;padding-top: 40px;}
.ab_tite{font-size: 24px; font-weight: bold; color: #0079b1;float: left;}
.ab_tite span{font-weight: lighter; color: #999999; text-transform: uppercase;font-size: 18px; display: inline-block; vertical-align: bottom;}
.zs_img{background: url(../images/zsbg_03.jpg); width: 570px; height: 15px;float: right;margin-top: 10px;}
.jianjie {padding: 30px; clear: both; font-size: 14px; color: #666666;}
.youshi ul li div{width: 357px; height: 64px; background: url(../images/ysbg_07.jpg);line-height: 74px;font-size: 18px;color: #fff; text-indent: 1.6rem;}
.youshi ul li{float: left;margin: 0 20px;}
.youshi p{width: 295px; border: 1px solid #e8e8e8; padding: 30px; color: #757575;}

.cpfl{background: #006eaa; height: 104px; clear: both; position: relative; top: 24px;}
.fltit{font-size: 24px; color: #fff;float: left; margin-right: 20px;}
.fltit span{display: block; font-size: 14px; text-transform: uppercase; padding-top: 30px; }
.fl_list{float: left;}
.fl_list li{width: 246px; height: 104px; line-height: 104px; text-align: center; font-size: 18px; position: relative; float: left;}
.fl_list li a{color: #fff;}
.fl_list li::before{content: ""; border-bottom:1px solid #fff;position:absolute; width: 100%;transform:rotateZ(115deg) scale(1);top:50%; left: -50%;}

.rmcp{padding-top:40px; width: 1200px; margin: 0 auto;}
/*带按钮切换*/
.side{ float:right; _display:inline; overflow:hidden;}
#slides{ width:100%; margin:0px auto; height:260px; overflow:hidden; position:relative; padding-top: 20px;}
.slides_container li{ width:100%; float:left;}
.slides_container li a{ display:inline-block; width:235px; height:183px; border:1px solid #fff;}
.slides_container li a img{ width:235px; height:183px;}
.slides_container li a span{ display:block; width:235px; cursor:pointer; height:30px; line-height:30px; background:#262626; color:#fff; text-align: center;}
.slides_container li a:hover{ border:1px solid #ff8400;}
.slides_container li a:hover span{ color:#ff8400;}
#slides .pagination{ position:absolute; left:50%; z-index:10; top:250px;}
#slides .pagination li{ float:left; padding-right:7px;}
#slides .pagination a{ display:block; outline:none; background:url(../images/pg.gif) no-repeat -1px 0; text-indent:-999em; width:14px; height:14px;}
#slides .pagination li.current a{ background-position:-22px 0;}
.prev{ background:url(../images/arr.png) no-repeat; width:29px; height:43px; display:block; left:1px; top:92px; position:absolute; text-indent:-999em; outline:none; z-index:11;}
.prev:hover{ background-position:0 -43px;}
.next{ background:url(../images/arr.png) no-repeat -29px 0; width:29px; height:43px; display:block; right:1px; top:92px; position:absolute; text-indent:-999em;outline:none;z-index:11;}
.next:hover{ background-position:-29px -43px;}
/*带按钮切换*/
/*自动滚动*/
#demo2p {overflow: hidden;width: 1200px; height:320px; margin:0 auto; padding-top: 20px;}
#indemo2p {float: left;width: 800%;}
#demo2p1 {float: left;}
#demo2p2 {float: left;}
.top_14 ul li{float:left;width:254px; _width:254px;margin:5px 10px;  text-align:center;}
.top_14 ul li h2{width:254px;height:183px;margin:0 auto; border:1px solid #ccc;}
.top_14 ul li h2 a{width:254px;height:183px; display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:188px;*font-family:Arial; }
.top_14 p{ width:254px; line-height:35px; font-size:14px;}
.top_14 p a{ color:#222;}
.top_14 p a:hover{color: #826a40;}
.top_14 ul li h2 img{vertical-align:middle;  max-width:254px; max-height:183px; }
.ftlink{ border-top:1px solid #ccc; width:100%;}
.ftlinkcon{ width:1100px; margin:0 auto; }
.ftlinktxt{height:50px; width:80px; float:left; font-weight:bold; line-height:50px;  color:#281335; }
.ftlinka{ float:left; width:1000px; padding-top:10px; line-height:28px; }
.ftlinkcon a{ float:left; padding-left:10px; padding-right:10px; font-size:12px; color:#222;}
.ftlinkcon a:hover{ color:#f26100}
/*自动滚动*/

.ggtu{ background:url(../images/ggtu_10.jpg) center no-repeat; width:100%; height:649px;}
.xhdz{text-align:center; background: #e6e6e6;}
.xhdz h1{margin: 0 0 15px 0;padding-top: 30px;letter-spacing: 20px;}
.xzs{background:url(../images/xzs_13.jpg) center no-repeat; width:456px; height:18px; margin:0 auto;}
.xhdz p{font-size:24px; font-weight:lighter;}
.yanse{background: #041c34;line-height: 50px;font-size: 18px; color: #fff;}	
.yanse1{background: #d9d9d9;line-height: 36px; font-size: 14px;}
.yanse2{line-height: 36px;}

.qita{padding-top:30px; height: 400px;}
.xinwen{width: 540px; float: left; margin-right: 40px}
.xinwen ul{clear:both;}
.xinwen ul li{padding:14px 0; border-bottom: 1px dotted #999999;}
.xwtu{display: inline-block;width: 79px;height: 71px;vertical-align: top;}
.xwtu img{width:79px; height:71px; }
.xwrr{margin-left: 10px;display: inline-block;vertical-align: top;}
.xwrr a{color: #333333;font-size: 16px; line-height: 36px;}
.xwrr a:hover{color: #006eaa; }
.xwrr p{width: 434px; font-size: 12px; color: #999999; }
.zizhi{width: 280px; height: 280px; float: left; margin-right: 40px;}

/*资质切换*/
#wrapper{
	width:280px;
	height:280px;
	position:relative;
	color:#fff;
	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;
	clear: both;
	padding-top: 20px;
}

#slider-wrap{
	width:280px;
	height:280px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:280px;
	height:280px;	
}

#slider-wrap ul#slider li > div{
	position:absolute;
	top:20px;
	left:35px;	
}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}

#slider-wrap ul#slider li > div span{
	font-family: Neucha, Arial, sans serif;
	font-size:21px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	line-height:400px;
	display:block;
	width:100%;
	font-size:90px;	
}


/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:50%;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.1);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:350px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}
/*资质切换*/

.lianxi{float: left;}
.lxnr{width: 300px; height: 280px; background: #f6f6f6; clear: both; position: relative;top: 20px; box-sizing: border-box;padding: 30px; line-height: 30px;}

.footer{background: #041c34; height: 200px;clear: both; padding-top: 20px;}
.weixin{background: url(../images/weixin_17.jpg) no-repeat; width: 138px; height: 60px; padding-top: 140px; text-align: center;color: #fff; float:left; }
.f_nav{display: flex;justify-content: center; width: 900px;}
.f_nav li{flex-basis: 20px;flex-grow: 1; height: 52px;align-items: center;justify-content: center;display: flex;}
.f_nav li a{display: block; text-align: center;width: 100%;}

.dblx p{display: inline-block; padding: 0 42px; color: #636c74;}
.qitaxx p{padding: 20px 42px; color: #636c74;}
#slider img{max-width: 280px;}


/* 大图*/
.banner { position:relative; height:550px; min-width:1200px; position:relative; z-index:0}
.banner .btn1 { bottom: 5px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn1 span { background: none repeat scroll 0 0 #1696c5; border: 1px solid #1696c5; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn1 span.cur { font-weight: bold; padding: 4px 8px;}
.banner .bgitem{height:550px; cursor:pointer; width: 100%;margin: 0 auto;position:absolute; background-position:center top; background-repeat:no-repeat;}
/* 大图*/